/**
 * Afrimesh: easy management for B.A.T.M.A.N. wireless mesh networks
 * Copyright (C) 2008-2009 Meraka Institute of the CSIR
 * All rights reserved.
 *  
 * This software is licensed as free software under the terms of the
 * New BSD License. See /LICENSE for more information.
 */



#menu {   
  color: white;  
  line-height: 45px; 
  list-style: none; 
  margin: 0px; 
  padding: 0px;
} 

#menu .left {            /*  left side of menu */
  background: #c0c0c0;
  color: black;
  font-size: 20px;
  font-weight: bold;
  height: 45px;
  padding: 0px;
  padding-left: 30px;
  padding-right: 30px;
} 
#menu > li {             /*  the menu */
  background: #72839d;
  cursor: pointer;
  font-size: 15px; 
  float: left; 
  padding-left: 20px;
  /*padding: 0px 10px;*/
  position: relative; 
} 
#menu .right {           /* right side of menu */
  background: #72839d;
  height: 45px;
  padding: 0px;
  padding-left: 40px;
  padding-right: 20px;
  /*text-align: right;*/
} 
#menu .right > img {
  margin-top: 9px;
}
#menu .right ul {
  left: -55px;
  text-align: right;
}
#menu ul {                               /* the menu dropdown */ 
  background:#72839d;
  color: white; /* for IE */ 
  display: none; 
  font-size: .85em;
  left: 0px; 
  line-height: 16px; 
  margin: 0px; 
  margin-top: 45px; 
  padding: 0px; 
  position: absolute; 
  top: 0px; 
  width: 140px; 
} 
#menu li:hover ul {                     /* activates & makes visible the menu dropdown */
  display: block;
  z-index: 10000;
}
#menu .dropdown {                        
  /*background:red;*/
}
#menu li ul li {                        /* the individual menu item container */
  display:block; 
  margin:0px 20px; 
  list-style-type:none; 
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  color:white;
} 
#menu li:hover {                        /* hover on individual menu item container */
  color: black;
}

.searchContainer div { 
  background: #fff; 
  display: inline; 
  padding: 5px; 
  padding-left: 0px;
} 
.searchContainer input[type="text"] { 
  border: none; 
  padding: 5px;
} 
.searchContainer img { 
  vertical-align: middle;
}

#menu .top_left { position:absolute; top:-1px; left:-14px;}
#menu .top_right { position:absolute; top:-1px; left:139px;}
#menu .last { 
  margin:0px; 
  padding:0px; 
  border:none; 
  position:relative; 
  height:0px;
}
#menu .bottom_left { position:absolute; left:0px; top:0px;}
#menu .bottom_right { position:absolute; left:125px; top:0px;}
#menu .middle { 
  position:absolute; 
  background: #72839d;
  padding: 0px;
  margin: 0px;
  left:15px; 
  height: 15px; 
  width: 110px; 
  top:0px;
}
#menu .right .middle   { 
 width: 125px;
}
